/* common */
table {
	width: 100%;
	text-align: center;
	border-top: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
}
thead, tr, th, td {
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
}
thead {
	background-color: #EEEEEE;
}
tr {
	height:40px;
}
tbody tr:nth-child(odd) {
	background-color: white;
}
tbody tr:nth-child(even) {
	background-color: #F8F8F8;
}
#community img, #room img, #bed img, #order img {
	display: block;
}
.bottom {
	bottom: 5px;
	left: 0;
}

/* 登陆 */
.bgcolor {
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #E0EEDC, endColorStr = #E9C494 );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #E0EEDC, #E9C494); /* IE 10 */
	background: -moz-linear-gradient(top, #E0EEDC, #E9C494); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0EEDC),
		to(#E9C494) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0EEDC),
		to(#E9C494) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #E0EEDC, #E9C494);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #E0EEDC, #E9C494); /*Opera 11.10+*/

	background-repeat: no-repeat;
	background-color: #E9C494;
}

.logo, .white-holder-h {
	background-color: white;
	display: inline-block;
	overflow: hidden;
	margin: 10% auto 0;
}
.white-holder-h {
	margin-top: 5%;
}

.logo {
	border-radius: 50%;
	width: 110px;
	height: 110px;
	line-height: 145px;
}

.logo img {
	width: 80%;
}

.name, .qr-code-text {
	color: #D1A622;
	font-weight: bolder;
	margin: 10px auto 50px;
}

.form {
	margin: 0;
}

.row {
	margin: 20px 0;
	position: relative;
	text-align: left;
}
.row > label {
	float: left;
}
.row > label ~ div.input {
	/* height: 20px; */
	line-height: 20px;
	font-size: 15px;
	white-space: inherit;
}
.input, input:not([type='checkbox']) {
	height: 42px;
	line-height: 42px;
}

.select, .search, .input, .verificationCode, .getCodeBut, .register, .edit, .cantEdit, .submit, .delete, .toPay, .confirming {
	background-color: white;
	color: #666666;
	border: 0;
	border-radius : 4px;
	/* padding: 0 3%; */
	width: 100%;
	height: 100%;
	font-size: 13px;
	white-space:nowrap;
}
.button-bar .register, .button-bar .submit, .button-bar .delete {
	margin-bottom: 10px;
	max-width: 100%;
}

.input, .verificationCode, .select, .search {
	text-align: left;
	border: 1px solid #D9D9D9;
	position: relative;
	text-indent: 12px;
}
div.input {
	background-color: initial;
	border: 0;
}
div.input:after {
	content: "　";
}
.select {
	text-indent: 5px;
}
.search {
	text-indent: 0px;
}
/* .input[placeholder] {
	text-indent: 100px;
} */
.placeholder {
	right: 5px;
	height: 100%;
	line-height: 42px;
	color: #DDDDDD;
}

.verificationCodeFixed {
	margin-right: 100px;
	height: 100%;
}

.getCodeBut {
	background-color: #F8B551;
	border: 1px solid #F8B551;
	color: white;
	width: 90px;
	padding: 0;
}

.button-bar .register, .button-bar .submit, .button-bar .delete,
.row .register, .row .submit, .row .delete {
	width: 100%;
	font-size: 18px;
}
.register, .submit, .delete {
	/* background-color: #F29D67; */
	color: white;
	border: 1px solid white;
}

/* 我的房屋列表 */
ul {
	display: table; /* 调教webkit*/
	/* word-spacing: -1em; */
}

li.item {
	margin: 10px 2px;
	width: 110px;
	background-color: white;
	/* word-spacing: 0; */
}

.title {
	border-bottom: 1px solid #DADADA;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bolder;
	font-size: 17px;
}

.communityPic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 0;
}

.communityPic img {
	width: 100%;
}

.communityDesc {
	width: 100%;
	padding: 5px;
	text-align: left;
	font-size: 13px;
}

/* 房间列表 */
.picBar img {
	width: 100%;
} 
.address, .room {
	background-color: white;
	padding: 12px;
}
.room {
	border-top: 1px solid #DADADA;
}
.edit, .cantEdit, .toPay, .confirming, .delete {
	height: 25px;
	max-width: 60px;
}
.toPay, .confirming {
	float: right;
	padding: 0;
	margin-left: 10px;
}
.edit, .delete {
	color: white;
}

.button-bar {
	width: 90%;
	min-height: 50px;
	padding: 10px 5%;
}
.button-bar.x2 {
	min-height: 124px;
}

.register {
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #F29D67, endColorStr = #F29D67 );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #F29D67, #F29D67); /* IE 10 */
	background: -moz-linear-gradient(top, #F29D67, #F29D67); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F29D67),
		to(#F29D67) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F29D67),
		to(#F29D67) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #F29D67, #F29D67);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #F29D67, #F29D67); /*Opera 11.10+*/
}
.getCodeBut {
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #F8B551, endColorStr = #F8B551 );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #F8B551, #F8B551); /* IE 10 */
	background: -moz-linear-gradient(top, #F8B551, #F8B551); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8B551),
		to(#F8B551) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8B551),
		to(#F8B551) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #F8B551, #F8B551);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #F8B551, #F8B551); /*Opera 11.10+*/
}
.edit, .submit {
	border: 1px solid #0068B7;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #70BEF1, endColorStr = #3D8FE6 );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #70BEF1, #3D8FE6); /* IE 10 */
	background: -moz-linear-gradient(top, #70BEF1, #3D8FE6); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#70BEF1),
		to(#3D8FE6) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#70BEF1),
		to(#3D8FE6) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #70BEF1, #3D8FE6);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #70BEF1, #3D8FE6); /*Opera 11.10+*/
}
.delete {
	border: 1px solid red;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #70BEF1, endColorStr = #DB0A0A );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #FC7474, #DB0A0A); /* IE 10 */
	background: -moz-linear-gradient(top, #FC7474, #DB0A0A); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FC7474),
		to(#DB0A0A) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FC7474),
		to(#DB0A0A) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #FC7474, #DB0A0A);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #FC7474, #DB0A0A); /*Opera 11.10+*/
}
.cantEdit {
	color: black;
	border: 1px solid #898989;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #FFF, endColorStr = #898989 );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #FFF, #898989); /* IE 10 */
	background: -moz-linear-gradient(top, #FFF, #898989); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#898989) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#898989) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #FFF, #898989);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #FFF, #898989); /*Opera 11.10+*/
}
.toPay, .confirming {
	color: black;
	border: 1px solid #DADADA;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #FFF, endColorStr = #EFF0F0 );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #FFF, #EFF0F0); /* IE 10 */
	background: -moz-linear-gradient(top, #FFF, #EFF0F0); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#EFF0F0) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#EFF0F0) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #FFF, #EFF0F0);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #FFF, #EFF0F0); /*Opera 11.10+*/
}
.but-disable {
	color: #666666;
	border-color: white;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType
		= 0, startColorStr = #FFF, endColorStr = #898989 );
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #FFF, #898989); /* IE 10 */
	background: -moz-linear-gradient(top, #FFF, #898989); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#898989) ); /*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#898989) ); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #FFF, #898989);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #FFF, #898989); /*Opera 11.10+*/
}

/* 下单 */
#order th, #order td {
	text-align: left;
	padding-left: 12px;
	padding-right: 12px;
}
#order tfoot th {
	padding-left: 0;
	padding-right: 0;
}
#order td {
	padding-top: 5%;
	padding-bottom: 5%;
}
#order tfoot tr {
	background-color: #313131;
	padding: 5px 0;
}
#order tfoot table {
	width: 100%;
}
#order tfoot table * {
	color: white;
}
#order tfoot table, #order tfoot table tr td, #order tfoot table tr th {
	border: 0;
	height: 80%;
}
#order tfoot table td {
	padding: 0 12px;
}
#order tfoot table td:first-child {
	border-right: 1px solid black;
}
#order input.submit-order {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #8FC31F;
	color: white;
	border: 0;
}
.order {
	margin-bottom: 20px;
	border-top: 1px solid #DADADA;
}
.order:first-child {
	border-top: 0;
}
.order .row {
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #DADADA;
	background-color: white;
	height: auto;
	line-height: 1.5;
}
.order .row label {
	display: inline-block;
	height: 100%;
}

.qr-code-text {
	margin-bottom: 10px;
}
.qr-code {
	width: 100%;
	max-width: 300px;
}

#roomList {
	display: table;
	background-color: gray;
}
#roomList .buttomBar {
	height: 42px;
}
#roomList .selectList label {
	height: 42px;
	line-height: 42px;
	display: block;
	border: 1px solid gray;
	border-radius: 4px;
}
#roomList > div {
	display: table-row;
}
#roomList > div > div {
	height: 100%;
	overflow: auto;
}
#roomList div input[type=button] {
	font-size: 18px;
	color: white;
}
